<template>
  <div style="height: 400px; overflow: scroll; border: 1px solid #000;">
    <div
      style="border: 1px solid #000; z-index: 10px; position: sticky;top: 0;background: #fff;height: 100px"
    >sticky</div>
    <div
      style="border: 1px solid #000; z-index: 10px; position:sticky;top: 100px; height: 100px;background: #fff;"
    >123</div>
    <div
      style="border: 1px solid #000; z-index: 10px; position: sticky;top: 200px; height: 100px;background: #fff;"
    >1234</div>
    <div style="border: 1px solid #000; height: 100px;background: #fff;">12345</div>
    <div style="border: 1px solid #000; height: 100px;background: #fff;">123456</div>
  </div>
</template>
<script>
export default {
  props: [],
  data() {
    return {}
  },
  components: {},
  created() {},
  computed: {},
  methods: {},
}
</script>
<style lang="scss" scoped>
</style>
